@charset "utf-8";
/* CSS Document */
@keyframes border{
	from{ width:0;}
	to{ width: 100%;}
	}
@keyframes background{
    from{ background-size: 100%;}
    to{ background-size: 120%;}
}

@keyframes opacity {
    from{ opacity: 1;width:calc(100%/6);border-right: #1a1a1a;}
    to{ opacity: 1;width: 0;border-right: rgba(0,0,0,0);}
}
@keyframes opacity-back {
    from{ opacity: 1;width: 0;border-right: rgba(0,0,0,0);}
    to{ opacity: 1;width:calc(100%/6);border-right: #1a1a1a;}
}

.animate-opacity-move{  animation: opacity 1s cubic-bezier(.77,0,.175,1) forwards;}
.animate-opacity-move-back{  animation: opacity-back 1s cubic-bezier(.77,0,.175,1) forwards;}

.theme{ margin: 160px;}
.theme h1{color: #4c4c4c; font-size: 56px; font-weight: bolder; text-align: center;}
.theme h3{ font-size: 22px; color: #4c4c4c;float: left;position: relative; left: 50%;transition: 0.3s all ease-in-out; transform: translateX(-60%); }
.theme h3 span{ width: 30px; height: 2px; background:#e10c82; display:block; float: left;margin-top:12px; margin-right: 24px;}

/*光标*/
html{
    cursor:url("/wp-content/themes/business-land/assets/images/cur.png"),auto;
}
#canvas{position:absolute;top:0px;left:0px;transition: 0.2s ease-out;z-index: 99;}

/*加载*/
.scoll_dis
{
    overflow:scroll;
    overflow-y:hidden;
    overflow-x:hidden;
}
.loading{ width: 100%; height: 100%;position: fixed; z-index: 999;}
#preloader_1{
    position:relative;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    transform: translateY(-50%);
    z-index: 99;
}
#preloader_1 span{
    display:block;
    bottom:0px;
    width: 9px;
    height: 5px;
    background:#9b59b6;
    position:absolute;
    animation: preloader_1 1.5s  infinite ease-in-out;
}

#preloader_1 span:nth-child(2){
    left:11px;
    animation-delay: .2s;

}
#preloader_1 span:nth-child(3){
    left:22px;
    animation-delay: .4s;
}
#preloader_1 span:nth-child(4){
    left:33px;
    animation-delay: .6s;
}
#preloader_1 span:nth-child(5){
    left:44px;
    animation-delay: .8s;
}
@keyframes preloader_1 {
    0% {height:5px;transform:translateY(0px);background:#9b59b6;}
    25% {height:30px;transform:translateY(15px);background:#3498db;}
    50% {height:5px;transform:translateY(0px);background:#9b59b6;}
    100% {height:5px;transform:translateY(0px);background:#9b59b6;}
}

/*加载分割线*/
.line2{ width: 100%;height: 100%;position: fixed;z-index: 98;}
.line2 ul{ width: 100%;height: 100%;position: relative;}
.line2 ul li{box-sizing: border-box; width: calc(100%/6);height: 100%;border-right: 1px #1a1a1a solid;background: #1a1a1a; position: absolute; top: 0;}
.line2 ul li:nth-child(0){left: 0;}
.line2 ul li:nth-child(1){left: calc(100%/6);}
.line2 ul li:nth-child(2){left: calc(100%/6*2);}
.line2 ul li:nth-child(3){left: calc(100%/6*3);}
.line2 ul li:nth-child(4){left: calc(100%/6*4);}
.line2 ul li:nth-child(5){left: calc(100%/6*5);}